<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="{:U('/favicon/','','.ico',true)}">

<title>查看相片-{$Think.config.title}</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Plugin/css/component.css" />
		<script src="__PUBLIC__/Plugin/js/modernizr.custom.js"></script>
	<style>
#grid-gallery{color:black!important;min-height:800px;text-shadow:none;word-wrap:break-word}.slideshow img{max-width:100%!important;max-height:370px!important}.slideshow figure{background:#1abc9c;text-align:center}.nav-close{color:#1abc9c!important}.slideshow li:after,.show{background:rgba(0,0,0,0.2)!important}
</style>
</head>
<body>
{:W('Module/header')}
		<div id="grid-gallery" class="grid-gallery">
				<section class="grid-wrap">
					<ul class="grid">
						<li class="grid-sizer"></li><!-- for Masonry column width -->
					
						<eq name="images" value="">
							<h1 class="nullTitle"><a  href="javascript:history.go(-1);"><m class="iconFont">&#xe608;</m>里面什么也么有,再回去逛逛吧！</a></h1>
						</eq>
						<foreach name="images" item="i">
							<li>
								<figure>
									<img src="__IMGS__/photo_images/{$i.photosort_id}/{$i.filename}" alt="{$i.name}"/>
									<figcaption><h3>{$i.name}</h3><p>{$i.description}</p></figcaption>
								</figure>
							</li>
						</foreach>
					
					</ul>
				</section><!-- // grid-wrap -->
				<section class="slideshow">
					<ul>
					<foreach name="images" item="i">
						<li>
							<figure>
								<figcaption>
									<h3>{$i.name}</h3>
									<p>{$i.description}</p>
								</figcaption>
									<img src="__IMGS__/photo_images/{$i.photosort_id}/{$i.filename}" alt="{$i.name}"/>
							</figure>
						</li>
						</foreach>
					
					</ul>
					<nav>
						<span class="icon nav-prev"></span>
						<span class="icon nav-next"></span>
						<span class="icon nav-close"></span>
					</nav>
					<div class="info-keys icon">Navigate with arrow keys</div>
				</section><!-- // slideshow -->
			</div><!-- // grid-gallery -->


	<script src="__PUBLIC__/Plugin/js/imagesloaded.pkgd.min.js"></script>
	<script src="__PUBLIC__/Plugin/js/masonry.pkgd.min.js"></script>
	<script src="__PUBLIC__/Plugin/js/classie.js"></script>
	<script src="__PUBLIC__/Plugin/js/cbpGridGallery.js"></script>
	<script>
			new CBPGridGallery( document.getElementById( 'grid-gallery' ) );
		</script>
		{:W('Module/footer')}
		
</body>
</html>